<template>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card card-default">
                    <div class="card-header">Example Component233</div>

                    <div class="card-body">
                        I'm an example component.这是一个VUE组件!!
                    </div>
                    <el-row>
                        <el-button disabled>默认按钮</el-button>
                        <el-button type="primary" disabled>主要按钮</el-button>
                        <el-button type="success" disabled>成功按钮</el-button>
                        <el-button type="info" disabled>信息按钮</el-button>
                        <el-button type="warning" disabled>警告按钮</el-button>
                        <el-button type="danger" disabled>危险按钮</el-button>
                    </el-row>
                </div>
            </div>
        </div>

    </div>
</template>

<script>
    export default {
        mounted() {
            console.log('Component mounted.')
        }
    }
</script>
